<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>穿梭框</title>
        <link rel="stylesheet" type="text/css" href="./transfer.css">
	</head>

	<body>
		<div class="transfer">
			<div class="transfer-list">
				<div class="transfer-header">
					<input type="checkbox" name="">
					<span class="transfer-header-title">
						源列表
					</span>
					<span class="transfer-header-count">
						6/10
					</span>
				</div>
				
				<div class="transfer-list-body">
					<ul class="transfer-list-content">
						<li class="transfer-list-content-item">
							<input type="checkbox" name="">
							<span>hellohellohellohellohellohello</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="transfer-operation">
				<p><input type="button" value="<" disabled /></p>
				<p><input type="button" value=">" disabled /></p>
			</div>
			<div class="transfer-list">
				<div class="transfer-header">
					<input type="checkbox" name="">
					<span class="transfer-header-title">
						目标列表
					</span>
					<span class="transfer-header-count">
						6
					</span>
				</div>
				<div class="transfer-list-body">
					<ul class="transfer-list-content">
						<li class="transfer-list-content-item">
							<input type="checkbox" name="">
							<span>hellohellohellohellohellohello</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>